<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Gooey Templates : CMS Style App</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta http-equiv="Expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
		<meta http-equiv="Pragma" content="no-cache" />
		<link rel="stylesheet" href="css/reset-fonts.css" type="text/css" media="screen, projection" />
		<link rel="stylesheet" href="css/gt-styles.css" type="text/css" media="screen, projection" />
	</head>
	<body>
		<!-- head -->
		<div class="gt-hd clearfix">
			<!-- logo -->
			<div class="gt-logo">
				cms style app
			</div>
			<!-- / logo -->
			
			<!-- utility box -->
			<div class="gt-util-box">
				<div class="gt-util-box-inner">
					<p>welcome <strong>sarah</strong> | <a href="">logout</a></p>
				</div>
			</div>
			<!-- / utility box -->
			
			<!-- navigation -->
			<div class="gt-nav">
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="base.html">Base HTML</a></li>
					<li><a href="tables.html">Tables</a></li>
					<li><a href="forms.html">Forms</a></li>
					<li><a href="text-styles.html">Text Styles</a></li>
					<li><a href="buttons.html">Buttons</a></li>
					<li><a href="login.html">Login</a></li>
				</ul>
			</div>
			<!-- / navigation -->
			
		</div>
		<!-- / head -->
		
		<!-- body -->
		<div class="gt-bd gt-cols clearfix">
			<!-- breadcrumb -->
			<div class="gt-breadcrumb">
				<p><a href="">Home</a> <span class="gt-separator"></span></p>
			</div>
			<!-- / breadcrumb -->
			
			<!-- main content -->
			<div class="gt-content">
				
				<h1>Hi, thanks for purchasing a Gooey Template</h1>
				
				<h4>Following is a list of each html page you'll find in this template, along with a
				description of how to use it.</h4>
				
				<dl>
					<dt><a href="base.html">Base</a></dt>
					<dd>Base.html is a great starting point for your interface. This is a basic template, with tabs, a breadcrumb,
					columns, and automatic default styles.</dd>
					
					<dt><a href="tables.html">Tables</a></dt>
					<dd>Tables.html contains a list of sample tables you can use for things like articles, comments, users, and
					more. To use a table, just copy the html code into your page.</dd>
					
					<dt><a href="forms.html">Forms</a></dt>
					<dd>Forms.html contains a list of sample forms you can use for things like adding articles, editing user settings, 
					and more. To use a form, just copy the html code into your page.</dd>
					
					<dt><a href="text-styles.html">Text Styles</a></dt>
					<dd>Text-Styles.html includes sample text styles for custom styles as well as default styles for most common
					html elements.</dd>
					
					<dt><a href="buttons.html">Buttons</a></dt>
					<dd>Buttons.html includes a list of buttons that come with this template. You'll also find 2 blank buttons,
					which are great for creating any other buttons you might need.</dd>
					
					<dt><a href="login.html">Login</a></dt>
					<dd>Login.html includes a login form with a user name and password field.</dd>
					
				</dl>
				
				<h4>You'll also find several css files in the css folder:</h4>
				
				<dl>
					<dt>gt-styles.css</dt>
					<dd>This file contains all the template styles. If you need to make any changes to these styles, we recommend that you use "override.css"</dd>
					
					<dt>override.css</dt>
					<dd>This is an empty css file where you can add styles to override those in gt-styles.css. Putting override styles in this css file will help keep your changes more organized and easier to manage. (Note: If you add styles to this file, be sure to include this file in your html pages.)</dd>
					
					<dt>custom.css</dt>
					<dd>This file provides a great place to enter any custom styles you might need. (Note: If you add styles to this file, be sure to include this file in your html pages.)</dd>
					
					<dt>reset-fonts.css</dt>
					<dd>This is the global css reset. Do not make any changes to this file. If you need to override any of the styles in this file, do so in override.css</dd>
				</dl>
				
				<p>Thanks again for purchasing a Gooey Template! If you need additional help, just contact us at <a href="mailto:help@gooeytemplates.com">help@gooeytemplates.com</a></p>
				
			</div>
			<!-- / main content -->
			
			<!-- sidebar -->
			<div class="gt-sidebar">
				<!-- Sidebar Navigation -->
				<div class="gt-sidebar-nav">
					<h3>Quick Links</h3>
					<ul>
						<li><a href="http://www.gooeytemplates.com" target="_blank">GooeyTemplates.com</a></li>
					</ul>
				</div><!-- /Sidebar Navigation -->
			</div>
			<!-- / sidebar -->
			
		</div>
		<!-- / body -->
		
		<!-- footer -->
		<div class="gt-footer">
			<p>Copyright &copy; 2008 Gooey Templates - <a href="http://www.gooeytemplates.com" target="_blank">GooeyTemplates.com</a></p>
		</div>
		<!-- /footer -->
	</body>
</html>